section{width:100%;position:absolute;top:16%;left:0;overflow:hidden;}
section>div{
    width:95%;
    margin:1rem auto;
    background-color:#fff;
    border-radius:5px;
    overflow:hidden;
}
.hot_music .music_title,.hot_singer .singer_title{padding:0.8rem 0;}
.hot_music .music_title span,.hot_singer .singer_title span{width:50%;}
.hot_music .music_title span,.hot_singer .singer_title span{
  float: left;
}
.hot_music .music_title span:nth-child(1),.hot_singer .singer_title span:nth-child(1){
    color:#000;font-size:1.6rem;border-left:4px solid #009CFF;padding:0 1rem;
    
}
.hot_music .music_title span:nth-child(2),.hot_singer .singer_title span:nth-child(2){
    text-align:right;padding-right:1rem;
    
}
.hot_music .music_con,.hot_singer .singer_con{width:100%;}
.hot_music .music_con li{width:100%;}
.hot_music .music_con li div{float: left;}
.hot_music .music_con li div:nth-child(1){width:20%;padding:0.8rem 1.3rem;}
.hot_music .music_con li div:nth-child(1) img{border-radius:5px;}
.hot_music .music_con li div:nth-child(2){width:78%;border-bottom:1px solid #F2F2F2;padding:0.8rem 0;}
.hot_music .music_con li div:nth-child(2) p{display:inline-block;}
.hot_music .music_con li .title_box{width:90%;display:inline-block;vertical-align:middle;}
.hot_music .music_con li .fun{width:8%;display:inline-block;vertical-align:middle;}
.hot_music .music_con li .title_box span{width:100%;display: block;height: 1.7rem;}
.hot_music .music_con li .title_box .name{color:#B9B9B9;font-size:1.4rem;}
.hot_music .music_con li .title_box b{width:15px;height:10px;display: inline-block;
background-size:15px 10px;margin-left:0.5rem;}
.hot_music .music_con li .title_box .hq{background-image:url("../images/hq.png");}
.hot_music .music_con li .title_box .mv{background-image:url("../images/mv.png");}
.hot_singer .singer_con{padding:0 0.5rem;}
.hot_singer .singer_con li{width:25%;text-align:center;padding:0 0.8rem;margin-bottom:1rem;}
.hot_singer .singer_con li img{width:100%;border-radius:5px;}
.hot_singer .singer_con li span{margin-top:0.5rem;font-size:1.2rem;}
.icon{position:fixed;bottom:3rem;left:0;text-align:right;width:100%;padding:0 0.5rem;}

.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.swiper-container .title{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(0,0,0,.3);
    line-height: 30px;
    color: #fff;
    text-align: left;
    font-size: 1.4rem;
    text-indent: 10px;
}
.swiper-pagination{
    right: 0;
    left: auto!important;
    width: auto!important;
    bottom: 7px!important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet{
    width: 10px!important;
    height: 10px!important;
}